<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>付款成功页面</title>
  <link rel="stylesheet" type="text/css" href="../AmazeUI-2.4.2/assets/css/amazeui.css" />
  <link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
  <link href="../basic/css/demo.css" rel="stylesheet" type="text/css" />
  <link href="../css/sustyle.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="../basic/js/jquery-1.7.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.6/vue.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
  <script src="../js/axiosUtil.js"></script>
</head>

<body>

  <div id="app1">
    <!--顶部导航条 -->
		<!--顶部导航条 -->
		<div class="am-container header">
			<ul class="message-l">
				<div class="topMessage">
					<template v-if="!islogin">
						<div class="menu-hd">
							<a href="login.html" target="_top" class="h">亲，请登录</a>
							<a href="register.html" target="_top">免费注册</a>
						</div>
					</template>
					<template v-else>
						<div class="menu-hd">
							<a href="#" style="color: red;">{{username}}</a>
							<a href="#" @click="logout">退出登录</a>
						</div>
					</template>
				</div>
			</ul>
			<ul class="message-r" v-if="islogin">
				<div class="topMessage home">
					<div class="menu-hd"><a href="home.html" target="_top" class="h">商城首页</a></div>
				</div>
				<template v-if="islogin">
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="information.html" target="_top"><i
									class="am-icon-user am-icon-fw"></i>个人中心</a></div>
					</div>
					<div class="topMessage mini-cart">
						<div class="menu-hd"><a id="mc-menu-hd" href="shopcart.html" target="_top"><i
									class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong
									id="J_MiniCartNum" class="h">0</strong></a></div>
					</div>
				</template>
			</ul>
		</div>

		<!--悬浮搜索框-->

		<div class="nav white">
			<div class="logo"><img src="../images/logo.png" /></div>
			<div class="logoBig">
				<li><img src="../images/logobig.png" /></li>
			</div>

			<div class="search-bar pr">
				<a name="index_none_header_sysc" href="#"></a>
				<form onsubmit="return false;">
					<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索"
						autocomplete="off" v-model="name">
					<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="button" @click="search">
				</form>
			</div>
		</div>

  </div>

  <div class="clear"></div>



  <div class="take-delivery">
    <div class="status" id="app2">
      <h2>您已成功付款</h2>
      <div class="successInfo">
        <ul>
          <li>付款金额<em>{{pay.payment}}</em></li>
          <div class="user-info">
            <p>收货人：{{pay.name}}</p>
            <p>联系电话：{{pay.phone}}</p>
            <p>收货地址：{{pay.detailAddr}}</p>
          </div>
          请认真核对您的收货信息，如有错误请联系客服

        </ul>
        <div class="option">
          <span class="info">您可以</span>
          <a href="order.html" class="J_MakePoint">查看<span>已买到的宝贝</span></a>
          <a href="orderinfo.html" class="J_MakePoint">查看<span>交易详情</span></a>
        </div>
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="footer-hd ">
      <p>
        <a href="# ">燕园科技</a>
        <b>|</b>
        <a href="home.html">商城首页</a>
        <b>|</b>
        <a href="# ">支付宝</a>
        <b>|</b>
        <a href="# ">物流</a>
      </p>
    </div>
    <div class="footer-bd ">
      <p>
        <a href="#">关于燕园</a>
        <a href="# ">合作伙伴</a>
        <a href="# ">联系我们</a>
        <a href="# ">网站地图</a>
      </p>
    </div>
  </div>
  <script src="../js/public.js"></script>
  <script>
		let vm2 = new Vue({
			el: '#app2',
			data: {
        payNo: '',
        pay: {}
			},
			created() {
				this.payNo = window.localStorage.getItem('payNo')
				if (!this.payNo) {
					window.location.href="home.html"
				}
				$axios.get(`/order/pay/${this.payNo}`,
					response => {
						this.pay = response.data
					}
				)
			}
		})
	</script>
</body>

</html>